<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Joan Racenet - D&eacute;veloppeur informatique d&eacute;butant</title>
		<link rel="stylesheet" href="style.css" type="text/css">
	</head>
	
	<body>
		<div id = "wrapper">
		
		<!-- HEADER -->
		
			<div id = "header">
				<div id = "social">
					<a href = "#"><img src="img/gplus_ico.png"/></a>
					<a href = "#"><img src="img/fb_ico.png"/></a>
					<a href = "#"><img src="img/twitter_ico.png"></a>
					<a href = "#"><img src="img/linkedin_ico.png"></a>
				</div>
				<div id = "ligne"></div>
				<div id = "logo"></div>
				<div id = "subtitle"></div>
			</div>
			
		<!-- CONTENT -->
			<div id = "content">
			
				<div id = "content-menu">
					<ul>
						<li><a href="#">Profil</a></li>
						<li><a href="#">Formation</a></li>
						<li><a href="#">R&eacute;alisations</a></li>
						<li><a href="#">Exp&eacute;riences</a></li>
						<li><a href="#">Loisirs</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
				</div>
				
				<div id = "content-central">
				
					<h1>// <span class = "enlighted">P</span>rofil</h1>		
						<img src="img/photo.png" id = "profile-photo"/>
						<h2> Civil </h2>
							<ul>
							<li>Joan RACENET</li>
							<li>21 ans</li>
							<li>C&eacute;libataire</li>
							<li>Besan&ccedil;on (25)</li>
							<li>Permis B</li>
							</ul>
						
						<h2> Bio </h2>
							<p>Je poursuis un master en informatique, orient&eacute; applications distribu&eacute;es &agrave; l'UFR Sciences et Techniques de Besan&ccedil;on. J'ai tr&egrave;s t&ocirc;t
							d&eacute;sir&eacute; m'orienter professionnellement dans le monde des syst&egrave;mes d'informations, &eacute;tant passionn&eacute; depuis tr&egrave;s jeune par les nouvelles technologies.</p>
							
						<h2>Recherche </h2>	
							<p>Je suis actuellement &agrave; la recherche d'un stage de fin d'&eacute;tude (16 semaines) en accord avec ma sp&eacute;cialit&eacute;.</p>
						
					<h1>// <span class = "enlighted">F</span>ormation </h1>
							<h3>2011 - Actuellement : Master Informatique, sp&eacute;cialit&eacute; "Syst&egrave;mes distribu&eacute;s et R&eacute;seaux"</h3>
								<p>UFR Sciences et Techniques de Besan&ccedil;on (25)</p>
							<h3>2008 - 2011 : Licence mention Informatique</h3>
								<p>UFR Sciences et Techniques de Besan&ccedil;on (25). Obtenue avec mention Assez Bien.</p>
							<h3>2008 : Baccalaur&eacute;at Scientifique </h3>
								<p>Lyc&eacute;e g&eacute;n&eacute;ral Cournot de Gray (70). Obtenu avec mention Bien.</p>
					
							
					<h1>// <span class = "enlighted">R</span>&eacute;alisations</h1>
						<h2>En Licence</h2>
						<h2>En Master</h2>
						
					<h1>// <span class = "enlighted">E</span>xp&eacute;rience </h1>
						<h2>Professionnelle</h2>	
							<h3>Juillet - Ao&ucirc;t 2009 : H&ocirc;te de caisse / Buraliste - Tabac le Flore, Lyon (69)</h3>
								<ul>
									<li>Accueil et service des clients</li>
									<li>R&eacute;ception et rangement des stocks de marchandises</li>
								</ul>
								
							<h3>Mars - Juin 2011 : D&eacute;veloppeur Web / Windev (Stage) - Waltefaugle, Dampierre-sur-Salon(70)</h3>
								<ul>
									<li>R&eacute;alisation d'une maquette de site &agrave; l'aide du CMS Concrete5 (bas&eacute; sur Zend). Design en CSS et Photoshop. Codage
									de formulaires en PHP.</li>
									<li>Divers travaux d'infographie (cartes de visite, affiches ...)</li>
									<li>Logiciel de suivi de pi&egrave;ces dans leurs diff&eacute;rentes &eacute;tapes de production, sous Windev 16.</li>
								</ul>
								
							<h3>Ao&ucirc;t 2011 : Administration r&eacute;seau (travail int&eacute;rimaire) - Waltefaugle, Dampierre-sur-Salon(70)</h3>
								<ul>
									<li>Assistance et formations aux utilisateurs</li>
									<li>Configuration d'un serveur VPN</li>
									<li>D&eacute;pannage des postes</li>
								</ul>
								
							<h3>Ao&ucirc;t 2012 : Accueil centre de loisir - La Suerte, Renaucourt (70) </h3>
								<ul>
									<li>Accueil des clients</li>
									<li>Pr&eacute;paration et vente de snacks</li>
								</ul>
						<h2> Autres </h2>
							<h3>Mars 2012 : Concours Sicre@at' artisanal</h3>
							<p>Participation &agrave; la finale de la premi&egrave;re &eacute;dition du concours Sicre@t' artisanal (concours de simulation de cr&eacute;ation d'entreprise)</p>
							
					<h1>// <span class = "enlighted">C</span>omp&eacute;tences</h1>
					
						<h2> Conception et Analyse </h2>
							<p>UML, M&eacute;thode B</p>
						<h2> D&eacute;veloppement d'applications </h2>
							<p>C, C++, Java, C#, Windev</p>
						<h2> D&eacute;veloppement pour le web </h2>
							<p>HTML, CSS, JavaScript, PHP</p>
						<h2> D&eacute;veloppement mobile </h2>
							<p>Android</p>
						<h2> Base de donn&eacute;es </h2>
							<p>MySQL, Oracle, Langage SQL</p>
						<h2> Environnements de d&eacute;veloppement </h2>
							<p>Eclipse, Visual Studio, NetBeans, IntelliJ</p>
						<h2> Graphismes</h2>
							<p>Photoshop, Illustrator, Cinema4D (mod&eacute;lisation 3D)</p>
						<h2> Langues </h2>
							<p>Anglais (niveau correct), Allemand (niveau scolaire)</p>
					
					<h1>// <span class = "enlighted">L</span>oisirs</h1>
						
						<p>Musique (principalement rock de tout &acirc;ge et d&eacute;riv&eacute;s, pop, folk ...), pratique de la guitare, litt&eacute;rature (SF, Fantasy, romans, nouvelles...), photographie, 
						nouvelles technologies, randonn&eacute;e.
							
					<h1>// <span class = "enlighted">C</span>ontact</h1>				
		
				</div>
			</div>
			
		<!-- FOOTER -->
			<div id = "footer">
				<img id = "accol" src = "img/footer_accol.png"/>
				<p><span class = "enlighted">// &copy;</span> Joan RACENET - 2012. Tous droits r&eacute;serv&eacute;s</p>
			</div>
			
		<!-- Image de fond -->
		
		</div>
	</body>
	
</html>
